// 项目筛选器
<template>
    <div id='project-filter-container'>
        <div class="project-filter-title">
            项目筛选
        </div>
        <Input v-model="searchKeywords" placeholder="输入关键字" style="width: 600px; margin-right: 10px" />
        <Button type="primary" @click="onDataChange">搜索项目</Button>
        <Select v-model="competition" style="width:200px" clearable placeholder="比赛类型" @on-change="onDataChange" class="project-filter-select">
            <Option v-for="item in competitionList" :value="item" :key="item">
                {{ item }}
            </Option>
        </Select>
        <Select v-model="workType" style="width:200px" clearable placeholder="岗位类型" @on-change="onDataChange" class="project-filter-select">
            <Option v-for="item in workTypeList" :value="item" :key="item">
                {{ item }}
            </Option>
        </Select>
    </div>
</template>

<script lang='ts'>
import { ProjectFilter } from "./Index";
export default ProjectFilter;
</script>

<style lang='scss' scoped>
@import './Index.scss';
</style>